@model Vms.Web.Models.SCREEN
  <style type="text/css"> 
      .details-display{width: 600px;   vertical-align: middle; margin-left: 200px;}
      .display-block-1, display-block-2 {vertical-align:middle ;padding: 5px;border-right: 1px solid #00559D;}
        .display-label {vertical-align:middle ;margin-left:10px; text-align:justify ;display: inline-block; width: 300px; float: left; font-size: medium; font-style:inherit;} 
        .display-field {text-align:left;margin: 5px;color:#00559D;} 
        .display-block-1{background-color:#DFF0D8;}
    </style>
@{
    ViewBag.Title = "Details";
}

<h2>Screen's Details</h2>

<fieldset class="details-display">
    <legend>SCREEN</legend>
    <div class="display-block-1">
        <div class="display-label">
            Name</div>
        <div class="display-field">@Model.Name</div>
    </div>
    <p>
        <div class="display-block-2">
            <div class="display-label">
                ControlType</div>
            <div class="display-field">@Vms.Web.Lib.ConstData.ControllerTypeNameOfValue((int) Model.ControlType)</div>
        </div>
    </p>
    <p>
        <div class="display-block-1">
            <div class="display-label">
                Width</div>
            <div class="display-field">@Model.Width</div>
        </div>
    </p>
    <p>
        <div class="display-block-2">
            <div class="display-label">
                Height</div>
            <div class="display-field">@Model.Height</div>
        </div>
    </p>
    <p>
        <div class="display-block-1">
            <div class="display-label">
                Ip</div>
            <div class="display-field">@Model.Ip</div>
        </div>
    </p>
    <p>
        <div class="display-block-2">
            <div class="display-label">
                ScreenStatusFile</div>
            <div class="display-field">@((Model.ScreenStatusFile == null) || (Model.ScreenStatusFile.Length == 0) ? "No file was found " : Model.ScreenStatusFile)</div>
        </div>
    </p>
    <p>
        <div class="display-block-1">
            <div class="display-label">
                PROGRAMS</div>
            <div class="display-field">@((Model.PROGRAMS== null || Model.PROGRAMS.Count == 0 )?"No program": Model.PROGRAMS.Count.ToString())</div>
        </div>
    </p>
    <p>
        <div class="display-block-2">
            <div class="display-label">
                SCREEN_LOG</div>
            <div class="display-field">@(Model.SCREEN_LOGS == null ? "None" : Model.SCREEN_LOGS.Count.ToString())</div>
        </div>
    </p>
    <div class="display-block-1">
        <div class="display-label">
            SCREEN_STATUS</div>
        <div class="display-field">@Html.DisplayTextFor(_ => Model.ScreenStatus).ToString()</div>
    </div>
    <p>
        <div class="display-block-2">
            <div class="display-label">
                SCREEN_BIGHTNESS</div>
    @Html.ActionLink("Details", "ScreenBrightness", new { id=Model.Id }) 

        </div>
    </p>
</fieldset>
<p>
    @Html.ActionLink("Edit", "Edit", new { id=Model.Id })
</p>


